@import 'constants.styl';

body {
	width: 100%;
	margin: auto !important;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
}

* {
	scrollbar-width: none;
	outline: none;

	&::selection {
		background: $color1;
		color: #fff;
		text-shadow: none;
	}
}

::-webkit-scrollbar {
	display: none;
}

a {
	text-decoration: none;
}

img::selection {
	background: $krlbgc2;
}

figure.highlight table tbody tr td {
	&.gutter {
		user-select: none;
	}

	&.code pre *::selection {
		background: $color2;
	}
}

.kira-background {
	opacity: 0.2;
	background-size: cover;
	height: 100vh;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.kira-header {
	height: 0;
	display: none;
}

#kira-top-header {
	position: absolute;
	width: 100%;
	height: 0;
	left: 0;
	top: -2vh;
}

.kira-body {
	display: flex;
	justify-content: center;
}

.kira-rainbow {
	a:nth-child(7n + 1) {
		background-color: $krlbgc1;
		color: $color1;
	}

	a:nth-child(7n + 2) {
		background-color: $krlbgc2;
		color: $color2;
	}

	a:nth-child(7n + 3) {
		background-color: $krlbgc3;
		color: $color3;
	}

	a:nth-child(7n + 4) {
		background-color: $krlbgc4;
		color: $color4;
	}

	a:nth-child(7n + 5) {
		background-color: $krlbgc5;
		color: $color5;
	}

	a:nth-child(7n + 6) {
		background-color: $krlbgc6;
		color: $color6;
	}

	a:nth-child(7n + 7) {
		background-color: $krlbgc7;
		color: $color7;
	}
}

.kira-rainbow-fill {
	a {
		color: #fff;
	}
}

@import 'article.styl';

@import 'sidebar.styl';
@import 'content.styl';
@import 'right-column.styl';
@import 'post.styl';
@import 'archive.styl';

@import 'media.styl';
